<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 定义页面显示的编码格式 -->
    <meta charset="utf-8">
    <script th:src="@{../js/jquery-3.1.1.min.js}"></script>

</head>
<body>

<!-- 获取model属性中的title值,定义标题 -->
<h3 th:text="${userModel.title}"></h3>
<table border="1">
    <thead>
    <tr>
        <td>id</td>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
        <td>课程</td>
        <td>手机号</td>
        <td>课程名称</td>
        <td>班级名称</td>
    </tr>
    </thead>

    <!--对于学生信息做一个判断,没有显示一个默认的 -->
    <tr th:if="${userModel.allStudent.size()} eq 0">
        <td colspan="3">没有学生信息</td>
    </tr>

    <!-- 对学生信息进行迭代 -->
    <tbody id="tbody">
    <tr th:each="user : ${userModel.allStudent}">
        <!-- 类似于jstl的用法,可以直接从上面的对象中获取值 -->
        <td th:text="${user.id}"></td>
        <td><a th:href="@{'/user/'+${user.id}}"
               th:text="${user.name}"></a></td>
        <!-- 动态生成一个查看用户信息的链接 -->
        <td th:text="${user.sex}"></td>
        <td th:text="${user.age}"></td>

        <td th:text="${user.course_id}"></td>
        <td th:text="${user.tel}"></td>
        <td th:text="${user.course.name}"></td>

        <td ><a th:href="@{'/user/del/'+${user.id}}">删除</a></td>
    </tr>
    </tbody>

</table>

</body>
</html>